@charset "utf-8";

/* 
	@名称: reset
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{
	color:#000;background:#fff;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{
	/*font:12px/1.5 arial,tahoma,\5b8b\4f53;*/
    font: 12px/1.5 Microsoft YaHei, SimHei, sans-serif;  
    _font-family: SimHei, sans-serif;
}
input,select,textarea{
	font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table{
	border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th{
	text-align:inherit;
}

/* 去除默认边框 */
fieldset,img{
	border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{
	display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{
	border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
	text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style:none;
}

/* 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

q:before,q:after {
	content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}



/* 让链接在 hover 状态下显示下划线 */
a:hover {
	text-decoration:underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins,a {
	text-decoration:none;
}

@charset "utf-8";

/* 
	@名称: global
	@功能: 公用样式, 复用性较强的样式
*/

/* 
  @名称: global
  @功能: 公用样式, 复用性较强的样式
*/

/* 清理浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}
.inline-block {
    display: inline-block;
}
/* 隐藏、显示, 通常用来与 JS 配合 */
.hide {
	display:none;
}
.show {
	display:block;
}
.positionRelative{
    position: relative;
}
/* 浮动左右, 设置内联, 减少浮动带来的bug */
.fl,.fr {
	display:inline;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
/* loadding */
.canvasloader-container {
    position: absolute;
    z-index: 99999999;
    top: 50%;
    margin-top: -39px;
    left: 50%;
    margin-left: -64px;
    padding-top: 7px;
    padding-left: 28px;
    width: 127px;
    height: 30px;
    border: #e3e4e4 1px solid;
    background: #f8fcff;
    border: rgba(103,175,225,0.2) 4px solid;
    border-radius: 4px;
}
.loadingText {
    position: absolute;
    left: 58px;
    top: 8px;
    font-size: 14px;
    color: #6fa4c8;
}
/*焦点input*/
input:focus, textarea:focus {
    outline: none;
    border: 1px #5faee3 solid;
}
.input-wrapper input:focus,
.reg-box .inbox1:focus, 
.reg-box .inbox2:focus,
.input-wrapper input:focus,
.contBox .fill-info .text:focus{
    outline: none;
    border: 1px #5faee3 solid;
}
/* 盒子模型 */
.mg-t5{margin-top:5px;}
.mg-t10{margin-top:10px;}
.mg-t15{margin-top:15px;}
.mg-t20{margin-top:20px;}
.mg-t25{margin-top:25px;}
.mg-t30{margin-top:30px;}
.mg-t40{margin-top:30px;}
.mg-b5{margin-bottom:5px;}
.mg-b10{margin-bottom:10px;}
.mg-b15{margin-bottom:15px;}
.mg-b20{margin-bottom:20px;}
.mg-b25{margin-bottom:25px;}
.mg-l5{margin-left:5px;}
.mg-l10{margin-left:10px;}
.mg-l15{margin-left:15px;}
.mg-l20{margin-left:20px;}
.mg-l25{margin-left:25px;}
.mg-l50{margin-left:50px;}
.mg-r5{margin-right:5px;}
.mg-r10{margin-right:10px;}
.mg-r15{margin-right:15px;}
.mg-r20{margin-right:20px;}
.mg-r25{margin-right:25px;}
.pd-t5{padding-top:5px;}
.pd-t10{padding-top:10px;}
.pd-t15{padding-top:15px;}
.pd-t20{padding-top:20px;}
.pd-t25{padding-top:25px;}
.pd-t30{padding-top:30px;}
.pd-t35{padding-top:35px;}
.pd-t40{padding-top:40px;}
.pd-b5{padding-bottom:5px;}
.pd-b10{padding-bottom:10px;}
.pd-b15{padding-bottom:15px;}
.pd-b20{padding-bottom:20px;}
.pd-b25{padding-bottom:25px;}
.pd-l5{padding-left:5px;}
.pd-l10{padding-left:10px;}
.pd-l15{padding-left:15px;}
.pd-l20{padding-left:20px;}
.pd-l25{padding-left:25px;}
.pd-l30{padding-left:30px;}
.pd-r5{padding-right:5px;}
.pd-r10{padding-right:10px;}
.pd-r15{padding-right:15px;}
.pd-r20{padding-right:20px;}
.pd-r25{padding-right:25px;}

/* 字体设置 */
.msyh {/* 微软雅黑，IE6用黑体代替 */
	font-family: "Microsoft YaHei", SimHei, sans-serif;  
	_font-family: SimHei, sans-serif;
}
.bold{font-weight:bold;}

/* 字体大小 */
.px12{font-size: 12px;}
.px14{font-size: 14px;}
.px16{font-size: 16px;}
.px18{font-size: 18px;}
.px22{font-size: 22px;}
.px24{font-size: 24px;}
.px26{font-size: 26px;}
.px28{font-size: 28px;}

/*居中居左居右*/
.txt-c{
    text-align: center;
}
.txt-l{
    text-align: left;
}
.txt-r{
    text-align: right;
}
.sart{
    color: #de2525;
    font-size: 18px;
}

/* 公共布局 */
.container {
    position: relative;
    width: 1200px;
    margin: 30px auto;
    padding-bottom: 30px;
    font-family: "Microsoft YaHei", SimHei, sans-serif;
}

/* 媒体查询 */
@media (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
}
@media (max-width: 768px) {
    .container {
        max-width: 640px;
    }
}

/* 校验全局样式 */
.main-content .reg-box .errorClass{border: #f99999 1px solid;}

/* 字体颜色、链接色 */
.white {
	color:#fff;}
	a.white:link{color:#fff; text-decoration:none;} 
	a.white:visited{color:#fff; text-decoration:none;}
	a.white:hover{color:#fff; text-decoration:none;}
.black-999 {
	color:#999;}
	a.black-999:link{color:#999; text-decoration:none;} 
	a.black-999:visited{color:#999; text-decoration:none;}
	a.black-999:hover{color:#999; text-decoration:none;}
.blue-239 {/* 例：链接蓝 */
	color: #2392dc;}
	a.blue-ccf:link{color:#2392dc; text-decoration:none;} 
	a.blue-ccf:visited{color:#2392dc; text-decoration:none;}
	a.blue-ccf:hover{color:#2392dc; text-decoration:underline;}
.red-ff6 {/* 例：链接红 */
    color: #ff6f6f;}
    a.red-ff6:link{color:#ff6f6f; text-decoration:none;} 
    a.red-ff6:visited{color:#ff6f6f; text-decoration:none;}
    a.red-ff6:hover{color:#ff6f6f; text-decoration:underline;}

/* 验证样式 */
.msg_holder {
    display: none;
    color: #666;
    height: 28px;
    line-height: 28px;
    border: #f4b5ad 1px solid;
    padding-left: 35px;
    background: #ffe7e4 url(../../js/lib/validator/images/validator_custom.png) 10px no-repeat;
}
form input.errorClass {
	border: #f99999 1px solid;
}
/*密码强度*/
.step1,.step2,.step3 {
    display: none;
    width:94px;
    height:24px;
    background:url(../../images/register/rank.png) no-repeat;
    margin-top:-5px;
}
.step2 {
    background-position:0 -24px;
}
.step3 {
    background-position:0 -48px;
}
.progressbar {
    width: 297px;
    margin-left: 81px;
    padding-top: 5px;
    clear: both;
}
.progress {
    height: 12px;
}

/* 弹出窗口样式 */
.arale-dialog-1_2_5 .systemPrompt, 
.arale-dialog-1_2_5 .systemConfirm ,
.arale-dialog-1_2_5 .systemInfo{
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
    border: 0;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);
    padding: 0px;
    outline: 0;
    animation: fade 0.6s;
    -moz-animation: fade 0.6s; /* Firefox */
    -webkit-animation: fade 0.6s;  /* Safari 和 Chrome */
    -o-animation: fade 0.6s;   /* Opera */
}
@keyframes fade {
    0%   {opacity: 0;}
    25%  {opacity: 0.25;}
    50%  {opacity: 0.5;}
    75%  {opacity: 0.75;}
    100% {opacity: 1;}
}
@-moz-keyframes fade {
    0%   {opacity: 0;}
    25%  {opacity: 0.25;}
    50%  {opacity: 0.5;}
    75%  {opacity: 0.75;}
    100% {opacity: 1;}
}
@-webkit-keyframes fade {
    0%   {opacity: 0;}
    25%  {opacity: 0.25;}
    50%  {opacity: 0.5;}
    75%  {opacity: 0.75;}
    100% {opacity: 1;}
}
@-o-keyframes fade {
    0%   {opacity: 0;}
    25%  {opacity: 0.25;}
    50%  {opacity: 0.5;}
    75%  {opacity: 0.75;}
    100% {opacity: 1;}
}
.arale-dialog-1_2_5 .systemPrompt-content,
.arale-dialog-1_2_5 .systemInfo-content{
    background: #fff;
    border: 1px #fff solid;
}
.arale-dialog-1_2_5 .systemPrompt-close, 
.arale-dialog-1_2_5 .systemConfirm-close,
.arale-dialog-1_2_5 .systemInfo-close {
    color: #999;
    cursor: pointer;
    display: block;
    font-family: arial;
    font-size: 26px;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    right: 16px;
    text-decoration: none;
    top: 16px;
}
.arale-dialog-1_2_5 .systemPrompt-close {
    text-indent: -10000px;
}
.arale-dialog-1_2_5 .systemPrompt-close:hover, 
.arale-dialog-1_2_5 .systemConfirm-close:hover,
.arale-dialog-1_2_5 .systemInfo-close:hover {
    color: #666;
    text-decoration: none;
}
.arale-dialog-1_2_5 .systemPrompt-title, 
.arale-dialog-1_2_5 .systemConfirm-title,
.arale-dialog-1_2_5 .systemInfo-title {
    height:45px;
    font-size:18px;
    font-family:'微软雅黑','黑体',Arial;
    line-height:46px;
    border-bottom:0;
    color:#999;
    text-indent:20px;
    background-color:#f9f9f9;
    background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f9f9f9));
    background:-moz-linear-gradient(top,#fcfcfc,#f9f9f9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f9f9f9');
    background:-o-linear-gradient(top,#fcfcfc,#f9f9f9);
    background:-ms-linear-gradient(top,#fcfcfc,#f9f9f9);
    background:linear-gradient(top,#fcfcfc,#f9f9f9)
}
.systemPrompt-content>.systemPrompt-container, 
.systemConfirm-content>.systemConfirm-container,
.systemInfo-content>.systemInfo-container {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.arale-dialog-1_2_5 .systemConfirm-operation, 
.arale-dialog-1_2_5 .systemPrompt-operation,
.arale-dialog-1_2_5 .systemInfo-operation
{
    display: inline-block;
    overflow: hidden;
}
.systemPrompt-content> .systemPrompt-container, 
.systemConfirm-content> .systemConfirm-container,
.systemInfo-content> .systemInfo-container {
    padding: 40px 0 35px 0;
}
.systemPrompt-content>.systemPrompt-container {
    padding: 30px 0 15px 0;
}
.systemPrompt-container> .systemPrompt-message, 
.systemConfirm-container> .systemConfirm-message,
.systemInfo-container> .systemInfo-message{
    margin-bottom: 30px;
    padding: 0 25px;
    word-break: break-all;
    white-space: pre-wrap;
}
.arale-dialog-1_2_5 .ok, 
.arale-dialog-1_2_5 .error, 
.arale-dialog-1_2_5 .confirm {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    vertical-align: middle;
    background-image: url(../../images/common/icon_confirmBox.png);
    background-repeat: no-repeat;
}
.arale-dialog-1_2_5 .ok {
    background-position: -30px;
}
.arale-dialog-1_2_5 .error {
    background-position: 0;
}
.arale-dialog-1_2_5 .confirm {
    background-position: -60px;
}
.arale-dialog-1_2_5 .systemConfirm-confirm,
.arale-dialog-1_2_5 .systemInfo-confirm,
.arale-dialog-1_2_5 .systemPrompt-confirm{
    float: right;
    margin-left: 20px;
}
.arale-dialog-1_2_5 .systemConfirm-cancel,
.arale-dialog-1_2_5 .systemInfo-cancel,
.arale-dialog-1_2_5 .systemPrompt-cancel{
    float: left;
}
.arale-dialog-1_2_5 .systemPrompt-operation .systemPrompt-confirm button,
.arale-dialog-1_2_5 .systemPrompt-operation .systemPrompt-cancel button, 
.arale-dialog-1_2_5 .systemConfirm-operation .systemConfirm-confirm button,
.arale-dialog-1_2_5 .systemConfirm-operation .systemConfirm-cancel button,
.arale-dialog-1_2_5 .systemInfo-operation .systemInfo-cancel button,
.arale-dialog-1_2_5 .systemInfo-operation .systemInfo-confirm button{
    width: 100px;
    height: 40px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    background: #5faee3;
    border: #59aae1 1px solid;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}
.arale-dialog-1_2_5 .systemPrompt-operation .systemPrompt-confirm button:hover, 
.arale-dialog-1_2_5 .systemConfirm-operation .systemConfirm-confirm button:hover,
.arale-dialog-1_2_5 .systemInfo-operation .systemInfo-confirm button:hover {
    background: #3099dd;
}
span.emptyhint {
    color:#999;
    position:absolute;
    top: 6px;
    left:80px;
    padding:3px;
    font-size: 14px;
}
.short-fill span.emptyhint{
    left: 60px;
}
.signBox span.emptyhint,.simpleLoginBox span.emptyhint{
    left: 6px;
    top: 7px
}
.reg-box span.emptyhint{
    left: 170px;
    top: 8px
}
.reg-box2 span.emptyhint{
    left: 184px;
    top: 8px
}
/*弹层另一样式*/
.systemInfo-container> .systemInfo-message{
    white-space: normal;
    text-align: left;
}
/* tip公共样式 */
.x-align-top .x-align-arrow, .x-align-bottom .x-align-arrow {
    margin-left: -6px;
}
.tip{
    min-width: 100px;
    padding: 15px;
    border: 1px #e4e0c1 solid;
    border-radius: 5px;
    box-shadow: 0px 0px 1px 2px #eeeeee;
    background: #fffdec;
    z-index: 999;
}
.tip .title{
    color: #198cd8
}
.tip ul li{
    margin-top: 5px;
}
.x-align-top .x-align-arrow-inner, 
.x-align-top-left .x-align-arrow-inner, 
.x-align-top-right .x-align-arrow-inner{
    border-top: 8px solid #fffdec;
}
.x-align-bottom .x-align-arrow-inner, 
.x-align-bottom-left .x-align-arrow-inner, 
.x-align-bottom-right .x-align-arrow-inner{
    border-bottom: 8px solid #fffdec;
    left: -5px;
}
/*日志*/
table.logList{
    width: 100%;
}
table.logList td{
    font-size: 14px;
    padding: 20px 0px 20px 30px;
    border-bottom: 1px #eeeeee solid;
}
/*返回顶部*/
.backViewShow{
    position: fixed;
    right: 10px;
    bottom: 80px;
    width: 50px;
}
#backTop,#view{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/images/application/backTop.png) no-repeat 0px -127px;
}
#view{
    height: 68px;
}
#view:hover{
    background-position: 0px -494px;
}
#view{
    background-position: 0px -410px
}
#backTop:hover{
    background-position: 0px -340px
}